<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>form 表单演示</title>
</head>
<body>
    <form action="/应该会404" method="get" enctype="multipart/form-data">
        <input type="text" value="这里不允许你修改" name="zzz" disabled>
        <br>
        <input type="hidden" name="yyy" value="这个是用户看不到的">
        <br>
        <input type="text" name="xxx" value="这个不允许修改" readonly>
        <br>
        <input type="text" name="aaa" placeholder="这里请输入用户名">
        <br>
        <input type="password" name="bbb" placeholder="这里请输入密码">
        <br>
        <!-- 以下 4 个是互斥的，因为 name 一样 -->
        <input type="radio" name="ccc" value="本科" checked> 本科
        <br>
        <input type="radio" name="ccc" value="高中" checked> 高中
        <br>
        <input type="radio" name="ccc" value="小学" checked> 小学
        <br>
        <input type="radio" name="ccc" value="幼儿园" checked> 幼儿园
        <br>
        <!-- name 不同的单选框是不会互斥的 -->
        <input type="radio" name="c1c1c1" value="研究生" checked> 研究生
        <br>
        <input type="checkbox" name="ddd" value="我是复选框1"> 选项1
        <br>
        <input type="checkbox" name="ddd" value="我是复选框2"> 选项2
        <br>
        <input type="checkbox" name="ddd" value="我是复选框3"> 选项3
        <br>
        <input type="checkbox" name="ddd" value="我是复选框4"> 选项4
        <br>
        <button>提交</button>
    </form>
</body>
</html>